<template>
  <div data-spy="scroll" data-target="#navbar-scroll">

    <div id="preloader"></div>
    <div id="top"></div>
    <div id="menu">
      <nav class="navbar-wrapper navbar-default" role="">
        <div class="container">
<!--          <div class="navbar-header">-->
<!--            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-backyard">-->
<!--              <span class="sr-only">广西</span>-->
<!--              <span class="icon-bar"></span>-->
<!--              <span class="icon-bar"></span>-->
<!--              <span class="icon-bar"></span>-->
<!--            </button>-->

<!--          </div>-->
          <div id="navbar-scroll" class="collapse navbar-collapse navbar-backyard navbar-left">
            <ul class="nav navbar-nav">
              <li><a @click="index" style="cursor: pointer;">返回</a></li>
            </ul>
          </div>
          <div id="navbar-scroll " class="collapse navbar-collapse navbar-backyard navbar-right">
            <ul class="nav navbar-nav">
              <li><a @click="natural">自然风光</a></li>
              <li><a @click="nation">壮乡风情</a></li>
              <li><a @click="food">美食</a></li>
              <li><a @click="city">城市</a></li>
              <li><a @click="anniversary" >宣传片</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
    <div class="fullscreen landing parallax" style="background-image:url('../../static/images/cunluo2.jpg');" data-img-width="2000" data-img-height="1125" data-diff="100">

      <div class="overlay">
        <div class="container">
          <div class="row">
            <div class="col-md-10 col-md-offset-1 text-center">

              <div class="head-btn wow fadeInLeft">

              </div>
              <h1 class="wow fadeInLeft">
                最美风光在广西
              </h1>

              <div class="landing-text wow fadeInUp">
                <p>广西壮族自治区，地处中国南方沿海，位于东经104°26'—112°04'，北纬20°54'—26°24'之间，北回归线横贯全区中部。接邻省区：广东、湖南、贵州、云南，与海南隔海相望。接邻国家：越南，国境线全长约800多公里；海岸线长度：约1500公里。陆地区域总面积：23.67万平方公里。占中国国土总面积比例：2.5%，在全国各省区市国土总面积中排名第9位。</p>
              </div>
              <div class="head-btn wow fadeInLeft">

              </div>

            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="intro2">
      <div class="container">
        <div class="row">

          <div class="col-md-6 wow slideInRight">
            <h2>喀斯特地貌</h2>
            <p>具有溶蚀力的水对可溶性岩石（大多为石灰岩）进行溶蚀作用等所形成的地表和地下形态的总称，又称岩溶地貌。除溶蚀作用以外，还包括流水的冲蚀、潜蚀，以及坍陷等机械侵蚀过程。桂林山水和阳朔风光主要是以石芽、石林、峰林、天生桥等地表喀斯特景观著称于世，并且是山中有洞，“无洞不奇”。以岩洞地貌为主的芦迪岩洞景观，景观内有各种奇态异状的溶洞堆积地貌，形成了“碧莲玉笋”的洞天奇观；七星岩石钟乳构成的地下画廊，真是琳琅满目；武鸣伊岭岩，北流沟漏洞，柳州都乐岩，兴平莲花岩，兴安乳洞，永福百寿岩，宜山白龙洞，凌云水源洞，龙州紫霞洞等也都是著名的溶洞景观区。
            </p>

            <div class="btn-section"><a  class="btn-default">了解更多</a></div>

          </div>
          <div class="col-md-6 intro-pic wow slideInLeft">
            <img src="../../static/images/村落3.jpg" alt="ipad" class="img-responsive">
          </div>
        </div>
      </div>
    </div>
    <div id="intro1">
      <div class="container">
        <div class="row">

          <div class="col-md-6 intro-pic wow slideInLeft">
            <img src="../../static/images/san.jpg" alt="ipad" class="img-responsive">
          </div>

          <div class="col-md-6 wow slideInRight">
            <h2>丹霞地貌</h2>
            <p>丹霞地貌所处的地层，国际地学界已有定论，叫做“红层”。拿一个国外学者没见过的名词去申遗，无异于问道于盲。丹霞景观有独特的美学价值，因此有专家建议用“丹霞景观”代替“丹霞地貌”来申遗。广西烟霞山风景区位于广西钦州市灵山县烟墩镇，其地貌是由红色砂岩构成（形成于6000万年前的河、湖中），经过百千年的流水塑造形成巍峨独特的地形，地理学称为丹霞地貌。且发育典型、类型齐全、形态丰富、具有雄、奇、秀、险、幽、奥、旷等特点，如神似老人脸庞的老子峰、阳刚奇特的擎天一柱、秀丽雄伟的花龙岭等丹霞奇观。奇山亦有妙水，如流觞曲水般的银柳瀑布，柳暗花明处的洞天瀑布，潺潺如歌的梦蝶瀑布，无一不显丹霞生态景观之美。
            </p>
            <div class="btn-section"><a class="btn-default">了解更多</a></div>
          </div>
        </div>
      </div>
    </div>
    <div id="intro3">
      <div class="container">
        <div class="row">

          <div class="col-md-6 wow slideInRight">
            <h2>山地丘陵性盆地地貌</h2>
            <p>广西位于全国地势第二台阶中的云贵高原东南边缘，地处两广丘陵西部，南临北部湾海面。整个地势自西北向东南倾斜，山岭连绵、山体庞大、岭谷相间，四周多被山地、高原环绕，呈盆地状，有“广西盆地”之称。盆地大小相杂。西、北部为云贵高原边缘，东北为南岭山地，东南及南部是云开大山、六万大山、十万大山。盆地中部被广西弧形山脉分割，形成以柳州为中心的桂中盆地，沿广西弧形山脉前坳陷为右江、武鸣、南宁、玉林、荔浦等众多中小盆地，形成大小盆地相杂的地貌结构。
            </p>


          </div>
          <div class="col-md-6 intro-pic wow slideInLeft">
            <img src="../../static/images/cunluo.jpg" alt="ipad" class="img-responsive">
          </div>
        </div>
      </div>
    </div>
    <div id="intro">
      <div class="container">
        <div class="row">

          <div class="col-md-6 intro-pic wow slideInLeft">
            <img src="../../static/images/san.jpg" alt="ipad" class="img-responsive">
          </div>

          <div class="col-md-6 slideInRight">
            <h2>查看更多好玩的景点</h2>
            <p>
            </p>
            <div class="btn-section"><a class="btn-default">了解更多</a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="el-backtop" style="position: absolute; right: 60px;bottom: 50px">
      <a href="#top" ><i class="el-icon-caret-top"></i></a>
    </div>


  </div>
</template>

<script>
    export default {
      methods:{
        index(){
          this.$router.push('/');
        },
        natural(){
          this.$router.push('/natural');
        },
        city(){
          this.$router.push('/city');
        },
        nation(){
          this.$router.push('/nation');
        },
        food(){
          this.$router.push('/food');
        },
        anniversary(){
          this.$router.push('/anniversary');
        }

      }
    }
</script>

<style scoped>

</style>
